<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<meta name="format-detection" content="telephone=no">
	<script src="js/rem.js"></script>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<div class="tabs-vertical">
		<ul>
			<li>
				<a class="active" data-index="0" href="#">选项一</a>
			</li>
			<li>
				<a data-index="1" href="#">选项二</a>
			</li>
			<li>
				<a data-index="2" href="#">选项三</a>
			</li>
		</ul>
		<div class="tabs-content-placeholder">
			<div class="content active">
				<div class="box">
					<p>Tabs Information 1</p>
					<p>Tabs Information 2</p>
					<p>Tabs Information 3</p>
				</div>
			</div>
			<div class="content">
				<p>Tabs Information 2</p>
			</div>
			<div class="content">
				<p>Tabs Information 3</p>
			</div>
		</div>
	</div>
</body>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/presonal.js"></script>
</html>